#main {
    margin-top: 40px;
}

#left {
    float: left;
    width: 324px;
    height: 775px;
    margin-left: 15px;
    border: solid 1px black;
    background-color: rgba(0, 234, 255, .4)
}

#center {
    position: relative;
    float: left;
    width: 502px;
    height: 775px;
    margin: 0 100px;
}

#right {
    float: left;
    width: 324px;
    height: 775px;
    border: solid 1px black;
    background-color: rgba(0, 234, 255, .4)
}

.title {
    margin: 30px auto;
    width: 300px;
    height: 55px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
    color: black;
    font-size: larger;
    font-weight: bolder;
    text-indent: 10%;
    line-height: 55px;
}

#L-content2 {
    width: 324px;
    height: 160px;
}

.L-elem1 {
    border: solid 1px black;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .4);
    width: 106px;
    height: 65px;
    float: left;
    margin: 0 25px;

}

.L-elem2 {
    border: solid 1px black;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .4);
    width: 140px;
    height: 84px;
    float: left;
    margin: 10px 10px;

}

.text1 {
    font-size: 13px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 12%;
}

.text2 {
    font-size: 18px;
    text-align: center;
    color: #B8741A;
    font-weight: 700;
    margin-top: 0;

}

.text3 {
    font-weight: 700;
    color: #0000BF;
    font-size: 20px;
    text-align: center;
    margin-top: 0;
}

.text4 {
    font-weight: 700;
    color: #4B7902;
    font-size: 20px;
    text-align: center;
    margin-top: 0;
}

#L-content4 {
    width: 324px;
    height: 180px;
}

#L-content4 img {
    position: relative;
    width: 130px;
    border-radius: 50%;
    left: 90px;
    top: 10px;
}

#L-content4 p {
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    margin: 0px;
    color: rgb(255, 255, 255);
    position:relative;
}
#inform1{
    margin-left: 60px;
    margin-top: -140px;
}
#inform2{
    margin-left: 40px;
    margin-top: 20px;
}
#inform3{
    margin-left: 180px;
    margin-top: -125px;
}
#inform4{
    margin-left: 240px;
    margin-top: 50px;
}
#inform5{
    margin-left: 100px;
    margin-top: 40px;
}
#left img {
    margin: 0 12px;
}

#DataDisplay {
    position: absolute;
    width: 344px;
    height: 193px;
    border: solid 1px black;
    margin: 100px 79px 150px;
    background-color: rgb(0, 72, 255,.5);
    color: white;
    text-align: center;
}
#DataDisplay p{
    margin-top: 40px;
    font-weight: 400;
    white-space:pre;
    font-size: larger;
    color: rgb(255, 255, 255);
    position:relative;
    font-weight: bolder;
}
#line_chart {
    position: absolute;
    top: 460px;
    width: 502px;
    height: 306px;
    background-color: rgba(0, 234, 255, .4);
    border: solid 1px black;

}

#right img {
    width: 95%;
    margin: 30px 8px;
}

#R-content3 {
    width: 300px;
    height: 265px;
    background-color: rgba(255, 255, 255, 0.408);
    margin: 0 auto;
}

#R-content3 p {
    display: inline-block;
    width: 280px;
    font-size: 20px;
    text-indent: 2ch;
    margin-top: 40px;
    margin-left: 10px;
}

#R-content4{
    width: 100%;
    height: 280px;
}
#pieChart2 {
    width: 300px;
    height: 280px;
    margin-top: -60px;
    margin-left: 10px;
}